Log in Register Dashboard Temp Share Shortlinks Frames API

cody - HTMLify profile

cody's Profile Picture

cody

4270 Files

632815 Views

Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/106 - Student Grade Calculator

style.css cody/swapnilsparsh/30DaysOfJavaScript/106 - Student Grade Calculator/style.css
105 Views
0 Comments
*{
margin: 0;
padding: 0;
}

.container{
background: linear-gradient(45deg, #d96d82 , #2b43ba);
width: 100%;
index.html cody/swapnilsparsh/30DaysOfJavaScript/106 - Student Grade Calculator/index.html
294 Views
0 Comments
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grade Calculator 🧮</title>
<link rel="stylesheet" href="style.css">
readme.md cody/swapnilsparsh/30DaysOfJavaScript/106 - Student Grade Calculator/readme.md
173 Views
0 Comments
# Student Grade Calcuator :
---
```txt
It's a calculator which calculate total marks of 4 subjects , calculate their Percentage(%) marks and display the Overall grade.
```
> ## Tech Stack Used:
> HTML5 , CSS3 , JS

script.js cody/swapnilsparsh/30DaysOfJavaScript/106 - Student Grade Calculator/script.js
164 Views
0 Comments
function calculate(){
let p =document.getElementById('p').value;
let c =document.getElementById('c').value;
let d =document.getElementById('d').value;
let f =document.getElementById('f').value;
const sum=parseFloat(p)+parseFloat(c)+parseFloat(d)+parseFloat(f)

document.getElementById("demo").innerHTML= `Your Total marks is = ${sum}`;